<template>
	<view class="box">
		<view class="context">
			<view class="backImage">
				<image :src="src" mode="scaleToFill" style="width: 600rpx; height: 500rpx;"></image>
			</view>
			<view class="addDoctors" @click="jumpInvitation">
				<text>添加医生</text>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: "../../../../static/image/doctor/examinel1.png"
			};
		},
		methods: {
			doctorManagement() {
				uni.navigateTo({
					url: "../doctorManagement1/doctorManagement1"
				})
			},
			jumpInvitation() {
				uni.navigateTo({
					url: "../invitation3/invitation3"
				})
			}
		}
	}
</script>

<style lang="scss">
	.context {
		@include outSideBox;

		.backImage {
			width: 600rpx;
			margin: 100rpx auto;
			position: relative;
			display: flex;
			align-items: center;

			image {
				margin-top: 150rpx;
			}

			&::before {
				width: 100%;
				display: block;
				content: "您还没有添加医生，快去添加您的医生吧";
				color: rgba(204, 204, 204, 1);
				@include shuiping;
				bottom: -40rpx;
				z-index: 2;
				text-align: center;
			}
		}
	}

	.addDoctors {
		@include dibuanniu;
		width: 340rpx;
		bottom: 403rpx;
	}
</style>
